import React, { Component } from 'react'
import {
  StyleSheet,
  Text,
  View,
  Button
} from 'react-native'
import {Container} from './index.css'
import { inject, observer } from 'src/core/store'
@inject('DemoDevStore')
@observer
export default class extends Component {
  static navigationOptions = {
    title: 'demo about title'
  }
  render () {
    const {navigate, goBack} = this.props.navigation
    return (
      <Container>
        <Text>About</Text>
        <Button onPress={() => goBack()} title="to home"/>
        <Text>{this.props.DemoDevStore.data}</Text>
        <Button onPress={() => this.props.DemoDevStore.add()} title="plus +1"/>
      </Container>
    )
  }
}
